<template>
  <div style="margin: 10px;">
    <form id="project_config_form">
      <div class="form-group">
        <label for="project_name">项目名称</label>
        <input class="form-control" id="project_name" placeholder="请输入项目名称" type="text"/>
      </div>
      <div class="form-group" id="project_desc_div">
        <label for="project_desc">项目描述</label>
        <input class="form-control" id="project_desc" placeholder="请输入项目描述" type="text"/>
      </div>
      <div class="form-group">
        <label for="project_type">项目类型</label>
        <select class="form-control" id="project_type">
          <option>前端</option>
          <option>后端</option>
          <option>运维</option>
        </select>
      </div>
      <div class="form-group">
        <label for="code_language">开发语言</label>
        <select class="form-control" id="code_language">
          <option value="0">Common</option>
          <option value="1">Vue</option>
          <option value="2">AngularJS</option>
          <option value="3">Avalon</option>
          <option value="4">Reactor</option>
          <option value="5">Java</option>
          <option value="6">C/C++</option>
          <option value="7">Python</option>
          <option value="8">Go</option>
          <option value="9">Scala</option>
        </select>
      </div>
      <div class="form-group">
        <label for="builtype">构建类型</label>
        <select class="form-control" id="builtype">
          <option value="0">webpack</option>
          <option value="1">npm</option>
          <option value="2">grunt</option>
          <option value="3">gulp</option>
          <option value="4">fis3</option>
          <option value="5">rollup</option>
          <option value="6">maven</option>
          <option value="7">gradle</option>
          <option value="8">make</option>
          <option value="9">cmake</option>
        </select>
      </div>
      <div class="form-group">
        <label for="deploy_type">部署类型</label>
        <select class="form-control" id="deploy_type">
          <option value="0">Docker Swarm</option>
          <option value="1">Kubernetes</option>
          <option value="2">Machine</option>
        </select>
      </div>
      <div class="form-group form-check">
        <input class="form-check-input" id="enable_flag" type="checkbox">
        <label class="form-check-label" for="enable_flag">是否生效</label>
      </div>
      <button class="btn btn-primary" type="submit">Submit</button>
    </form>
  </div>
</template>

<script>
  export default {
    name: 'ProjectVersionConfig'
  }
</script>
